<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<base href="<%=basePath%>"/>
	<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	<title>获取页面提交的参数</title>
	<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
	
	<div class="formbody">

		<div class="formtitle">
			<span>获取页面提交的参数</span>
		</div>
		<form action="GetPerameterServlet" method="get">
			<ul class="forminfo">
				<li>
					<label>text</label><input name="text" type="text"  value="西门吹雪" class="dfinput" />
				</li>
				<li>
					<label>password</label><input name="password" type="password"  value="12345" class="dfinput" />
				</li>
				<li>
					<label>number</label><input name="number" type="number" max="150" min="10"  value="91" class="dfinput" />
				</li>
				<li>
					<label>tel</label><input name="tel" type="tel" pattern="^1[3456789]\d{9}$" value="13477229167"  class="dfinput" />
				</li>
				<li>
					<label>email</label><input name="email" type="email" pattern="^\w+@[a-z0-9]+\.[a-z]{2,4}$" value="q123@qq.com"  class="dfinput" />
				</li>
				<li>
					<label>url</label><input name="url" type="url" pattern="^(https|http)://[\w|\./-?=\%]+$" value="https://www.qq.com"  class="dfinput" />
				</li>
				<li>
					<label>hidden</label><input name="hidden" type="hidden" value="我是隐藏字段"  class="dfinput" />
				</li>
				<li>
					<label>time</label><input name="time" type="time" value="13:45:56" class="dfinput" />
				</li>
				<li>
					<label>month</label><input name="month" type="month" value="2022-12" class="dfinput" />
				</li>
				<li>
					<label>date</label><input name="date" type="date" value="2022-12-13" class="dfinput" />
				</li>
				<li>
					<label>datetime-local</label><input name="datetime-local" type="datetime-local" value="2022-12-13 13:23" class="dfinput" />
				</li>
				
				<li>
					<label>datetime</label><input name="datetime" type="datetime" value="2022-12-13 13:23" class="dfinput" />
				</li>
				<li>
					<label>week</label><input name="week" type="week" value="2022-W12" class="dfinput" />
				</li>
				<li>
					<label>file</label><input name="file" type="file" class="dfinput" />
				</li>
				<li>
					<label>range</label><input name="range" type="range" min="0" max="100" value="30" class="dfinput" />
				</li>
				<li>
					<label>&nbsp;</label><input type="submit" name="submit" value="提交" class="btn" >
				</li>
				
			</ul>
		</form>
	</div>
</body>
</html>
